<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./plantilla.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="content">
        <h:form id="datosFormulario">
            <p:dataTable id="datosTabla" value="#{competenciaManejador.listaCompetencias}" var="competencia" 
                          paginator="true" rows="10">
                <f:facet name="header">
                    <h:outputText value="#{recurso.encabezadoDatosLbl}"/>
                </f:facet>
                <p:column headerText="#{recurso.codigoLbl}">
                    <h:outputText value="#{competencia.codigo}"/>
                </p:column>
                <p:column headerText="#{recurso.nombreLbl}">
                    <h:outputText value="#{competencia.nombre}"/>
                </p:column>
                <p:column headerText="#{recurso.descripcionLbl}">
                    <h:outputText value="#{competencia.descripcion}"/>
                </p:column>
                <p:column headerText="#{recurso.asignaturaLbl}">
                    <h:outputText value="#{competencia.asignatura}"/>
                </p:column>
                <p:column headerText="#{recurso.estadoLbl}">
                    <h:outputText value="#{competencia.estado}"/>
                </p:column>
                <p:column headerText="#{recurso.accionBtn}">
                    <p:commandButton value="#{recurso.accionVerBtn}" oncomplete="dialogoVar.show()">
                        <!--<f:setPropertyActionListener target="{}" value=""/>-->
                    </p:commandButton>
                </p:column>
                <f:facet name="footer">
                    <p:commandButton value="#{recurso.accionNuevoBtn}" oncomplete="dialogoVar.show()"/>
                </f:facet>
            </p:dataTable>
        </h:form>
        
        <p:dialog id="dialogo" header="#{recurso.encabezadoFrm}" widgetVar="dialogoVar">
            <h:form id="dialogoFormulario">
                <h:panelGrid columns="2">
                    <h:outputText value="#{recurso.codigoFrm}"/>
                    <p:inputText />
                    <h:outputText value="#{recurso.nombreFrm}"/>
                    <p:inputText />
                    <h:outputText value="#{recurso.descripcionFrm}"/>
                    <p:inputTextarea/>
                    <h:outputText value="#{recurso.asignaturaFrm}"/>
                    <h:selectOneMenu value="#{competenciaManejador.valor}">
                        <f:selectItem value="Matematica" itemLabel="1"/>
                        <f:selectItem value="Sociales" itemLabel="1"/>
                        <f:selectItem value="Ciencias" itemLabel="1"/>
                        <f:selectItem value="Lenguaje" itemLabel="1"/>
                    </h:selectOneMenu>
                    <h:outputText value="#{recurso.estadoFrm}"/>
                    <h:selectOneMenu value="#{competenciaManejador.valor}">
                        <f:selectItem value="Activo" itemLabel="1"/>
                        <f:selectItem value="Inactivo" itemLabel="1"/>
                    </h:selectOneMenu>
                    <p:commandButton value="Guardar"/>
                    <p:commandButton value="Eliminar"/>
                </h:panelGrid>
                <p:commandButton value="Guardar" oncomplete="dialogoVar.hide()"/>
                <p:commandButton value="Eliminar" oncomplete="dialogoVar.hide()"/>
            </h:form>
        </p:dialog>
        
    </ui:define>

    <ui:define name="headerLinks">
        
    </ui:define>

</ui:composition>
